8.4 KB · ⇊ 3 parts · ⤓ Micron 8.4 KB · ⤓ HTML 19.4 KB

top

Eine Browser-Engine (auch HTML-Renderer oder Layout-Engine genannt) ist die zentrale Softwarekomponente eines Webbrowsers. Die Hauptaufgabe einer Browser-Engine ist es, die Inhalte einer Webseite korrekt darzustellen und interaktiv nutzbar zu machen. Dazu kommen verschiedene Aufgaben, die im Hintergrund ablaufen, wie das Ausführen von JavaScript durch eine JavaScript-Engine und das Verwalten von Ressourcen wie z. B. Bilder oder Schriftarten.

• Funktionsweise

• Parsen

• Generierung des Document Object Models

• Stylesheets

• Reflow

• Liste von Browser-Engines

• Einzelnachweise

Die meisten Webseites benutzen Hypertext Markup Language (HTML) zur Beschreibung des Inhalts und Cascading Style Sheets (CSS) zur Beschreibung der Darstellung. Dazu kommen oft Bilder in Form von Rastergrafiken oder Scalable Vector Graphics.

Das HTML-Dokument wird eingelesen und dessen Elemente strukturiert. Diesen Vorgang nennt man Parsen. Nahezu jeder Browser nutzt dafür seinen eigenen Renderer. Die Festlegung der Standards für HTML-Dokumente werden dabei unter anderem vom World Wide Web Consortium festgelegt und definiert. Dabei existieren unterschiedliche Standards, die Syntax der Elemente bleibt aber weitestgehend gleich. Der Entwickler sollte mit Hilfe des sogenannten Doctypes angeben, welcher Standard benutzt wird. Wird der festgelegte Standard nicht vollständig eingehalten, ist das HTML-Dokument nicht valide, der Browser kann die Elemente nicht richtig interpretieren und es kann zu Fehldarstellungen kommen.

Wurde das Dokument erfolgreich eingelesen, wird ein sogenanntes Document Object Model erstellt. Diese hierarchische Struktur beinhaltet Informationen über die Ordnung und Unterelemente (Kinder genannt). Das Document Object Model ist auch nach der Ausgabe noch relevant, da etwa clientseitige Skriptsprachen wie JavaScript auf dieses zugreifen können, um es zu manipulieren.

Die Stylesheets enthalten eine Liste von Selektoren (Bedingungen an die Teilstruktur des HTML-Dokuments, die zutreffen müssen, damit die Regeln angewendet werden) und Regeln (Attribute, die auf die der entsprechenden Teilstruktur zugeordnete visuelle Repräsentation angewendet werden). Per Voreinstellung liefert der Browser ein Standard-Stylesheet aus, das die meisten Elemente grundformatiert.cite-ref-1[1] CSS ist sehr flexibel. Es ist möglich, diesen Satz von Regeln komplett pro Benutzer oder pro Dokument auszutauschen. Dadurch sind den Darstellungsvarianten fast keine Grenzen gesetzt.

Die Berechnung von SGML-Strukturen (wie etwa HTML) wird als Reflow bezeichnet. In diesem Prozess wird die grundlegende Geometrie der zu formatierenden Objekte berechnet – etwa die Höhe oder die Breite eines Elements. Die zu formatierenden Objekte werden als frames (dt. Rahmen) bezeichnetcite-ref-2[2] und sind nicht zu verwechseln mit den Frames, die das Laden einer HTML-Seite in eine andere ermöglichen.

| Browser-Engine | Entwickler | Verwendet in | Beschreibung |

|---|---|---|---|

| Engines von produktiv nutzbaren Webbrowsern | Engines von produktiv nutzbaren Webbrowsern | Engines von produktiv nutzbaren Webbrowsern | Engines von produktiv nutzbaren Webbrowsern |

| Blink | Google | u. a. Opera [ 3 ] , Google Chrome , Vivaldi und Microsoft Edge [ 4 ] | Open Source, Abspaltung von WebKit |

| Gecko | Mozilla Foundation | u. a. Mozilla Firefox , SeaMonkey , Mozilla Camino | Open Source |

| Goanna | M. C. Straver | u. a. Pale Moon , Basilisk, K-Meleon | Open Source, Abspaltung von Gecko |

| WebKit | Apple | u. a. Safari , Epiphany und ICab | Open Source, Abspaltung von KHTML |

| Experimentelle bzw. in Entwicklung befindliche Engines | Experimentelle bzw. in Entwicklung befindliche Engines | Experimentelle bzw. in Entwicklung befindliche Engines | Experimentelle bzw. in Entwicklung befindliche Engines |

| LibWeb | Ladybird Browser Initiative | Ladybird | Open Source |

| NetSurf | | NetSurf | Open Source |

| Servo | Mozilla und Samsung | Firefox Reality | Open Source |

| Eingestellte Engines | Eingestellte Engines | Eingestellte Engines | Eingestellte Engines |

| EdgeHTML | Microsoft | 2015–2019 verwendet von Microsoft Edge | proprietär |

| KHTML | KDE | u. a. Konqueror | Open Source, 2023 eingestellt |

| Presto | Opera Software | 2003–2013 verwendet von Opera | proprietär |

| Tasman | Microsoft | 2000–2003 verwendet von Internet Explorer für Macintosh | proprietär |

| Trident | Microsoft | 1997–2022 verwendet von Internet Explorer für Windows | proprietär |

Zu Browser-Engines für textbasierte Webbrowser siehe Liste von Webbrowsern#Textbasierte Webbrowser.

cite-note-11. ↑ Standard-Stylesheet einer älteren Firefox-Version. In: mxr.mozilla.org. Mozilla Foundation, archiviert vom Original (nicht mehr online verfügbar) am 7. August 2014; abgerufen am 16. September 2011 (englisch).

cite-note-22. ↑ Chris Waterson: Notes on HTML Reflow. In: mozilla.org. Mozilla Foundation, archiviert vom Original (nicht mehr online verfügbar) am 3. Juli 2010; abgerufen am 15. Juli 2008 (englisch).

cite-note-31. Luca Caracciolo: Opera setzt auf Webkit: Was bedeutet das für die Weiterentwicklung von HTML? In: t3n. 14. Februar 2013, archiviert vom Original (nicht mehr online verfügbar) am 16. Februar 2013; abgerufen am 28. Juni 2013.

cite-note-42. Kyle Pflug: Upgrading to the new Microsoft Edge. In: blogs.windows.com. Microsoft, 15. Januar 2020, abgerufen am 22. Januar 2020 (englisch).